<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<title>魏远商城</title>
		<meta name="viewport" content="initial-scale=1, maximum-scale=1">
		<link rel="shortcut icon" href="/favicon.ico">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<link rel="stylesheet" href="css/my-order.css" />
		<link rel="stylesheet" href="css/style.css" />
		<style type="text/css">
		html body{
			background: white!important;
			font-family: "微软雅黑";
			}
			.main{
				border: 0px;
				text-align: center;padding-top: 77px;color: grey;
			}
			.main>p:nth-child(1){
				 margin: 0px 10px;
				 font-size: 16px;
			}
			.main>p:nth-child(1),.main>p:nth-child(2){
				color: black;
				   
			}
			.main>p:nth-child(2){
				margin-top: 20px;
				font-size: 30px;
			}
			.main>p:nth-child(3){
				margin-top: 10px;
			    font-size: 16px;
			    margin-bottom: 10px;
			}
			.main>p:nth-child(4),.main>p:nth-child(5),.main>p:nth-child(6){
				margin: 10px 15px;
				padding-top: 10px;
				padding-bottom: 10px;
				font-size: 14px;
			}
			.main>p:nth-child(4)>span,.main>p:nth-child(5)>span,.main>p:nth-child(6)>span{
			display: block;float: left;width: 50%;}
			.main>p:nth-child(4)>span:nth-child(1),.main>p:nth-child(5)>span:nth-child(1),.main>p:nth-child(6)>span:nth-child(1){
				text-align: left;
			}
			.main>p:nth-child(4)>span:nth-child(2),.main>p:nth-child(5)>span:nth-child(2),.main>p:nth-child(6)>span:nth-child(2){
				text-align: right;
			}
		</style>
	</head>

	<body style="background: #eaeef1;">
		<header class="bar bar-nav return-header" style="width: 100%;">
			<span class="order-back mui-action-back"><img src="img/back-le.png" height="50%"/></span>
			<h1 class="title" style="line-height: 2.2rem;">账单详情</h1>
		</header>
		<div class="mui-content">
			<!--<div class="main">
				<p>shuiguo </p>
				<p>-89</p>
				<p>交易成功</p>
				<p><span>fukuan</span><span>zhifubao</span></p>
				<p><span>fukuan</span><span>zhifubao</span></p>
				<p><span>fukuan</span><span>zhifubao</span></p>
			</div>-->
		</div>
		<script src="js/mui.min.js"></script>
		<script src="js/jquery-3.1.1.min.js"></script>
		<script src="js/url.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			/*获取账单*/
			bill_de()
			function bill_de() {
				$.ajax({
					url: ur + '/mobilemember/frontmember/getAccountDetail?transactionId='+localStorage.bill_id,
					type: 'POST',
					headers: {
						"X-Token": localStorage.token,
					},
					dataType: 'json',
					data: '',
					success: function(data) {
						console.log(JSON.stringify(data))
						var d=data.createTime.replace('T',' ');
						
						console.log(data.orderName)
						var div=$('<div class="main">'+
						'<p>'+data.orderName+' </p>'+
						'<p>-'+data.price+'</p>'+
						'<p></p>'+
						'<p><span>付款信息</span><span>'+data.payName+'支付</span></p>'+
						'<p><span>创建时间</span><span>'+d+'</span></p>'+
						'<p><span>账单号</span><span>'+data.runningNumber+'</span></p>'+
						'</div>'
						);
						$('.mui-content').append(div)
					},
					error: function(e) {
						console.log(e);
					}
				})
			}
			
		</script>
	</body>

</html>